<template>
<span class="bh-breadcrumb-item">
	<span class="bh-breadcrumb__inner">
		<router-link :to='to.path' v-if='to.path'>
			<slot></slot>
		</router-link>
		<slot v-else></slot>
	</span>
	<span class="bh-breadcrumb__separator">/</span>
</span>
</template>

<script>
export default {
	name: 'bh-breadcrumb-item',
	props: {
		to: {
			type: Object,
			default: function() {
				return {
					path: '',
				};
			}
		},
	},
	data() {
		return {
		}
	},
	methods: {
	},
	computed: {
	},
}
</script>
